//显示分类列表功能
$.ajax({
	type:'get',
	url:'/categories',
	success:function(res){
		console.log(res);//数组
		var html = template('categoryListTpl',{data:res})
		$('#categoryBox').html(html)
	}
})


//添加分类功能
$('#addCategory').on('submit',function(){
	//收集表单中所有的数据
	var data = $(this).serialize()
	//发送ajax
	$.ajax({
		type:'post',
		url:'/categories',
		data:data,
		success:function(){
			location.reload();
		}
	})
	return false;
})

// 编辑第一步、为表格中编辑按钮添加点击事件（事件委托），点击之后，获取当前要修改的这
// 一条分类信息（分类的id值）
$('#categoryBox').on('click','.edit',function(){
	var id = $(this).attr('data-id')
	$.ajax({
		type:'get',
		url:`/categories/${id}`,
		success:function(res){
			// 编辑第二步、把拿到数据渲染到页面
			console.log(res);
			var html = template('modifyCategoryTpl',res)
			$('#formBox').html(html)
		}
	})
})



// 编辑第三步、保存编辑的内容 事件委托 根据id值
$('#formBox').on('submit','#modifyCategory',function(){
	//收集表单数据
	var data = $(this).serialize()
	var id = $(this).attr('data-id')
	$.ajax({
		type:'put',
		url:`/categories/${id}`,
		data:data,
		success:function(){
			location.reload();
		}
	})

	return false;
})